<template class="home-template">
    <header class="site-header">
        <nav class="navbar navbar-static-top main-navbar" id="top">
            <div class="container">
                <!-- <div class="navbar-header">
                <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar">1</span>
                    <span class="icon-bar">2</span>
                    <span class="icon-bar">3</span>
                </button>
                <a href="https://api.oioweb.cn/" class="navbar-brand brand-bootcdn text-hide">教书先生API</a>
            </div> -->
                <nav id="bs-navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a target="_blank" href="https://api.oioweb.cn/">反馈</a>
                        </li>
                        <li>
                            <a target="_blank" href="https://api.oioweb.cn/api/qq/joingroup?guin=611987360">站长交流群</a>
                        </li>
                        <li>
                            <a target="_blank" href="https://blog.oioweb.cn/">站长博客</a>
                        </li>
                        <li>
                            <a target="_blank" href="https://afdian.net/a/teacher">打赏站长</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </nav>
        <div class="container jumbotron">
            <div class="row">
                <div class="col-xs-12">
                    <h1>教书先生API </h1>
                    <p>稳定、快速、免费的 API 接口服务<br><span class="package-amount">共收录了 <strong>47</strong> 个接口</span>
                        ·
                        <span class="package-amount">今日调用 <strong>0</strong> 次</span>
                    </p>
                    <div class="search-wraper" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control search clearable" placeholder="找不到想要的API？试试搜索吧！"
                                autocomplete="off" tabindex="0" autocapitalize="off" spellcheck="false">
                            <i class="fa fa-search"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </header>

</template>

<script>
export default {
    name: 'IndexHead',

}
</script>

<style></style>